import Vue from "vue";
import Router from "vue-router";
import Login from "../components/Login";
import Home from "../components/home/Home";
import Welcome from "../components/home/Welcome";
import User from "../components/user/User";
import Rights from "../components/power/Rights";
import Roles from "../components/power/Roles";
import Cate from "../components/goods/Cate";
import Params from "../components/goods/Params";
import List from "../components/goods/List";
import Add from "../components/goods/Add";
import Order from "../components/order/Order";
import Report from "../components/report/Report";

Vue.use(Router);

const router = new Router({
  mode: "history",
  routes: [
    {
      path: "/",
      redirect: "/login"
    },
    {
      path: "/login",
      component: Login
    },
    {
      path: "/home",
      component: Home,
      children: [
        {
          path:"/",
          redirect: "/welcome",
        },
        {
          path: "/welcome",
          component: Welcome
        },
        {
          path: "/users",
          component: User
        },
        {
          path: "/rights",
          component: Rights
        },
        {
          path: "/roles",
          component: Roles
        },
        {
          path: "/categories",
          component: Cate
        },
        {
          path: "/params",
          component: Params
        },
        {
          path: "/goods",
          component: List,
        },
        {
          path: "/goods/add",
          component: Add,
        },
        {
          path: "/orders",
          component: Order,
        },
        {
          path: "/reports",
          component: Report,
        }
      ]
    }
  ]
});

// 挂在路由导航守卫
router.beforeEach((to, from, next) => {
  if (to.path === "/login") return next();
  const tokenStr = window.sessionStorage.getItem("token");
  if (!tokenStr) return next("/login"); //返回login页面
  next(); //进入home页面
});

export default router;
